<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page import="kr.co.medical.md5.Md5"%>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<link type="text/css" rel="stylesheet"
	href="resources/css/patient/articleHeader.css">
<link type="text/css" rel="stylesheet"
	href="resources/css/patient/loginform.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<link rel="stylesheet" href="resources/jquery-ui-1.11.1.custom/jquery-ui.css">
<script src="resources/jquery-ui-1.11.1.custom/jquery-ui.js"></script>
<script src="resources/js/patient/loginform.js"></script>
<div>
	<div class="nav_information">
		<img src="resources/images/gr_navi_home.png">&nbsp;&nbsp;>&nbsp;&nbsp;로그인
	</div>
	<div class="nav_detail_name">로그인</div>
	<div class="nav_information_detail">
		<div class="nav_information_detail_bgimg">
			<p>메디컬탑병원 사이트 방문을 환영합니다</p>
			<p>로그인을 하시면 진료예약 서비스를 받으실 수 있습니다.</p>
		</div>
	</div>
</div>
<div class="body_div">
	<div class="loginForm_div">
		<div>
			<p class="loginUser">회원 로그인</p>
		</div>
		<div class="tableForm_div">
			<c:url value="/j_spring_security_check" var="loginURL"></c:url>
			<form action="${loginURL}" method="post">
				<table class="loginTable">
					<tr>
						<td>아이디</td>

						<td><input type="text" id="j_username" name="j_username"
							tabindex="1"></td>
						<td rowspan="2" class="vertical_middel"><input type="submit"
							id="loginBtn" class="normalBtn" value="로그인" tabindex="3"></td>
					</tr>
					<tr>
						<td>비밀번호</td>
						<td><input type="password" id="j_password" name="j_password"
							tabindex="2"></td>
					</tr>
				</table>
			</form>
			<div class="securityError_div">
				<c:if test="${param.error !=null }">
					<div class="securityErrorMessage">
						아이디와 비밀번호를 확인해주세요
					</div>
				</c:if>
			</div>
			<div class="loginFormUnderLine"></div>
			<div class="idSearchBtn_div">
				<input type="button" id="id_pw_searchBtn" class="normalBtn"
					value="아이디/비밀번호 찾기" tabindex="4" onclick="opendial(); return false;"> <input type="button"
					id="joinBtn" class="normalBtn" value="회원가입" tabindex="5"
					onclick="location.href='join.do'">
			</div>
		</div>
	</div>

	<div class="loginForm_div">
		<form action="masterlogin.do" method="post">
			<div>
				<p class="loginUser">직원 로그인</p>
			</div>
			<div class="tableForm_div">
				<table class="loginTable">
					<tr>
						<td>아이디</td>
						<td><input type="text" id="USERID" name="id" tabindex="6"></td>
						<td rowspan="2" class="vertical_middel"><input type="submit"
							id="loginBtn" class="normalBtn" value="로그인" tabindex="8"></td>
					</tr>
					<tr>
						<td>비밀번호</td>
						<td><input type="password" id="PWD" name="password"
							tabindex="7"></td>
					</tr>
				</table>
				<div class="loginFormUnderLine2"></div>
				<div>
					<p class="staffLoginInfo">※아이디와 비밀번호를 잊어 버린 경우 원무과에 문의바랍니다</p>
				</div>
			</div>
		</form>
	</div>
</div>
<div id="dialog" title="아이디/비밀번호 찾기">
	<div id="tabs" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
		  <ul>
		    <li class="ui-state-default ui-corner-top"><a href="#tabs-1">아이디찾기</a></li>
		    <li class="ui-state-default ui-corner-top"><a href="#tabs-2">비밀번호찾기</a></li>
		  </ul>
		<div id="tabs-1">
			<div align="center">
			    <table id="idtb">
			    	<tr><td style="width: 110px;"><span style="font-size: small;">이름</span></td><td>
			    	<input type="text" id="username" style="width:187px;" required="required" required
			    		maxlength="21" pattern="^[가-힣]{2,5}|[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$" 
						title="한글 2~5자, 영어 성과 이름 2~10자까지 가능합니다 예)에미야, Emiya Mulzomdao" class="idname"></td></tr>
			    	<tr><td style="width: 110px;"><span style="font-size: small;">주민등록번호</span></td>
			    	<td><input type="text" id="jumin1" style="width:80px;" maxlength="6" required="required" title="올바른 주민등록번호를 입력해주세요"
						pattern="[0-9]{2}(0[1-9]|1[012])(0[1-9]|1[0-9]|2[0-9]|3[01])"> -
			    	<input type="text" id="jumin2" style="width:80px;" maxlength="7" required="required" title="올바른 주민등록번호를 입력해주세요" 
			    	pattern="[012349]{1}[0-9]{6}"></td></tr>
			    </table>
			    <br>
			    <input type="button" value="아이디 찾기" id="checkId" class="button" style="font-size: medium;"><br>
		    </div>
		    <div id="idchk" align="center">
		    </div>
		</div>
		<div id="tabs-2">
			<div align="center">
			    <table id="pwdtb">
			    	<tr><td style="width: 110px;"><span style="font-size: small;">아이디</span></td><td>
			    	<input type="text" id="userid" style="width:187px;" required="required" maxlength="12" class="idname"
			    		pattern="^[a-zA-Z0-9]{4,12}$" required
						title="영문, 숫자조합 4~12자까지 가능합니다"></td></tr>
			    	<tr><td style="width: 110px;"><span style="font-size: small;">주민등록번호</span></td>
			    	<td><input type="text" id="jumin3" style="width:80px;" maxlength="6" required="required" title="올바른 주민등록번호를 입력해주세요"
						pattern="[0-9]{2}(0[1-9]|1[012])(0[1-9]|1[0-9]|2[0-9]|3[01])"> -
			    	<input type="text" id="jumin4" style="width:80px;" maxlength="7" required="required" title="올바른 주민등록번호를 입력해주세요" 
			    	pattern="[012349]{1}[0-9]{6}"></td></tr>
			    </table>
			 	<br>
			    <input type="button" value="비밀번호 찾기" id="checkPwd" class="button" style="font-size: medium;"><br>
		    </div>
		    <div id="pwdchk" align="center">
		    </div>
		</div>
	</div>
</div>